import React, {PureComponent} from 'react';
import {
	Button,
	StyleSheet, Text,
	View
} from 'react-native';

/**
 * @FileName: Find
 * @Author: mazaiting
 * @Date: 2018/6/12
 * @Description:
 */
class Home extends PureComponent {
	
	static navigationOptions = {
		title: 'Home',
		headerTitleStyle: {
			flex: 1,
			textAlign: 'center',
		}
	};
	
	render() {
		return (
			<View style={styles.container}>
				<Text>首页</Text>
				<Button
					title='跳转'
					onPress={() => {
						this.props.navigation.navigate('Detail')
					}}
				/>
			</View>
		)
	}
}

/**
 * 样式属性
 */
const styles = StyleSheet.create({
	container: {
		backgroundColor: '#DDD'
	}
});

/**
 * 导出当前Module
 */
module.exports = Home;